sample files/ai2html-output/sample-ai-file.html

<div id='g-sample-ai-file-box' class='ai2html'>
	<!-- Generated by ai2html v0.56 - 2015-11-08 - 23:59 -->
	<!-- ai file: sample-ai-file -->

	<style type='text/css' media='screen,print'>
		.g-artboard {
			margin:0 auto;
		}
	</style>

	<a class='g-ai2htmlLink' href='http://nytimes.com'>

	<!-- Artboard: mobile -->
	<div id='g-sample-ai-file-mobile' class='g-artboard '>
		<style type='text/css' media='screen,print'>
			#g-sample-ai-file-mobile{
				position:relative;
				overflow:hidden;
				width:300px;
			}
			.g-aiAbs{
				position:absolute;
			}
			.g-aiImg{
				display:block;
				width:100% !important;
			}
			#g-sample-ai-file-mobile p{
				font-family:nyt-franklin,arial,helvetica,sans-serif;
				font-size:13px;
				line-height:18px;
				margin:0;
			}
			#g-sample-ai-file-mobile .g-aiPstyle0 {
				font-family:arial,helvetica,sans-serif;
				font-size:12px;
				line-height:14px;
				color:#ff0033;
			}
			#g-sample-ai-file-mobile .g-aiPstyle1 {
				font-family:arial,helvetica,sans-serif;
				font-size:12px;
				line-height:14px;
				text-align:right;
				color:#0033ff;
			}
			#g-sample-ai-file-mobile .g-aiPstyle2 {
				font-family:arial,helvetica,sans-serif;
				font-size:12px;
				line-height:14px;
				text-align:right;
				color:#339900;
			}
			#g-sample-ai-file-mobile .g-aiPstyle3 {
				font-family:arial,helvetica,sans-serif;
				font-size:12px;
				line-height:14px;
				color:#00cc99;
			}
		</style>
		<div id='g-sample-ai-file-mobile-graphic'>
			<img id='g-ai2-0'
				class='g-aiImg'
				src='sample-ai-file-mobile.png'
				/>
			<div id='g-ai2-1' class='g-area_text g-aiAbs' style='top:12.2500%;left:7.0000%;width:37.5853%;'>
				<p class='g-aiPstyle0'>Top left aligned area text. Top left aligned area text. Top left aligned area text. Top left aligned area text. </p>
			</div>
			<div id='g-ai2-2' class='g-area_text g-aiAbs' style='top:12.2500%;right:7.0000%;width:36.6973%;'>
				<p class='g-aiPstyle1'>Top right aligned area text. Top right aligned area text. Top right aligned area text. Top right aligned area text. </p>
			</div>
			<div id='g-ai2-3' class='g-area_text g-aiAbs' style='bottom:12.7041%;right:7.0000%;width:36.6973%;'>
				<p class='g-aiPstyle2'>Bottom right aligned area text. Bottom right aligned area text. Bottom right aligned area text. Bottom right aligned area text. </p>
			</div>
			<div id='g-ai2-4' class='g-area_text g-aiAbs' style='bottom:12.7041%;left:7.0000%;width:37.5853%;'>
				<p class='g-aiPstyle3'>Bottom left aligned area text. Bottom left aligned area text. Bottom left aligned area text. Bottom left aligned area.</p>
			</div>
		</div>
	</div>


	</a>
	<!-- End ai2html - 2015-11-08 - 23:59 -->
</div>